<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '邻里生活荟',
  },
}
</route>

<template>
  <image :src="src" class="w-full h-100" mode="scaleToFill" />
</template>

<script setup>
const key = 'fbacb26edf56429309b33c7ed0e37d0b'
const src = ref('')

onLoad((option) => {
  if (option.src && option.longitude && option.dimension) {
    src.value =
      option.src +
      `?key=${key}&location=${option.longitude},${option.dimension}&zoom=17&markers=mid,0xFF0000,A:${option.longitude},${option.dimension}`
  }
})
</script>

<style lang="scss" scoped></style>
